<template>
  <el-scrollbar>
    <template v-for="item in list" :key="item.customerId">
      <VisitorItem
        title="陕西西安"
        desc="您好，欢迎光临，很荣幸可以为您效劳！"
        is-online
        is-phone
        :is-active="modelValue === item.customerId"
        @click="emit('update:modelValue', item.customerId)"
      />
    </template>
  </el-scrollbar>
</template>

<script setup lang="ts">
import VisitorItem from '@/manager/components/VisitorItem.vue'

const props = defineProps<{ list: any[]; modelValue: string }>()

const emit = defineEmits<{
  'update:modelValue': [string]
}>()
</script>

<style scoped></style>
